<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header>
        <section>
            <h1><a href="#"><img src="images/logo.png" alt=""></a></h1>
            <nav>
                <li>
                    <a href="">首页</a>
    
                </li>
                <li><a href="">服务商库</a></li>
                <li><a href="">经典案例</a></li>
                <li><a href="">经典案例</a></li>
                <li><a href="">经典案例</a></li>
                <li><a href="">经典案例</a></li>
                <li><a href="">经典案例</a></li>
            </nav>
        </section>
    </header>
    <div id="banner">
        <img src="images/banner.jpg" alt="">
    </div>
    <main>
        <section class="section1_outside">
            <section class="section1_content clear_fix">
                <article>
                    <p>公司理念:</p>
                    <span>公司理念公司理念公司理念公司理念公司理念公司
                        理念公司理念公司理念公司理念
                        公司理念公司理念公司理念公司理念公司理念公司
                        理念公司理念公司理念公司理念</span>
                </article>
                <a href="">了解更多</a>
            </section>
        </section>
        <section class="section2_content">
            <!-- clear_fix -->
            <h2>我们的服务</h2>
            <article class="clear_fix">
                <div>
                    <img src="images/s1.jpg" alt="">
                    <p>移动端网站设计</p>
                    <span>移动共享时代主义</span>
                </div>
                <div>
                    <img src="images/s1.jpg" alt="">
                    <p>移动端网站设计</p>
                    <span>移动共享时代主义</span>
                </div>
                <div>
                    <img src="images/s1.jpg" alt="">
                    <p>移动端网站设计</p>
                    <span>移动共享时代主义</span>
                </div>
                <div>
                    <img src="images/s1.jpg" alt="">
                    <p>移动端网站设计</p>
                    <span>移动共享时代主义</span>
                </div>
            </article>
        </section>
        <section class="section3_outside">
            <section class="section3_content">
                <hgroup>
                    <h2>成功案例</h2>
                    <h5>形象策略+形象策略+形象策略+形象策略</h5>
                </hgroup>
                <article class="clear_fix">
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                    <div>
                        <img src="images/1-1FP9211910450-lp.jpg" alt="" title="六号案例展示">
                        <p>六号案例展示</p>
                    </div>
                </article>
            </section>
        </section>
        <section class="section4_content">
           <p><span>“</span>每一个品牌都是一个产品，但不是所有产品<span>”</span></p>
           <p>都是品牌</p>
        </section>

        <section  class="section5_content">
            <hgroup>
                <h2>成功案例</h2>
                <h5>形象策略+形象策略+形象策略+形象策略</h5>
            </hgroup>
            <article>
                <div>
                    <img src="images/i1.png" alt="">
                    <p>1825</p>
                    <span>成功案例</span>
                </div>
                <div>
                    <img src="images/i1.png" alt="">
                    <p>1825</p>
                    <span>成功案例</span>
                </div>
                <div>
                    <img src="images/i1.png" alt="">
                    <p>1825</p>
                    <span>成功案例</span>
                </div>
                <div>
                    <img src="images/i1.png" alt="">
                    <p>1825</p>
                    <span>成功案例</span>
                </div>
            </article>
        </section>
        <section  class="section6_content">
            <article>
                <h3>给你最好的体验价值</h3>
                <p>网站建设网站建设网站建设网站建设网站建设</p>
                <p>网站建设网站建设网站建设网站建设网站建设</p>
                <p>网站建设网站建设网站建设网站建设网站建设网站建设</p>
                <a href="">了解详情</a>
            </article>
        </section>
        <section class="section7_content">
            <hgroup>
                <h2>联系我们</h2>
                <h5>形象策略+形象策略+形象策略+形象策略</h5>
                <h4>4008-888-888</h4>
            </hgroup>
            <article class="clear_fix">
                <div>
                    <img src="images/QQ_03.png" alt="">
                    <aside>
                        <p>在线客服</p>
                        <span>123456789</span>
                    </aside>
                </div>
                <div>
                    <img src="images/QQ_03.png" alt="">
                    <aside>
                        <p>在线客服</p>
                        <span>123456789</span>
                    </aside>
                </div>
                <div>
                    <img src="images/QQ_03.png" alt="">
                    <aside>
                        <p>在线客服</p>
                        <span>123456789</span>
                    </aside>
                </div>
            </article>
            <div class="wchat">
                <img src="images/weixin.png" alt="">
                <p>扫码查看手机端网站</p>
            </div>
        </section>
        <section  class="section8_outside">
            <section class="section8_content">
                <div>
                    <img src="images/1-1FP9215325439-lp.jpg" alt="">
                    <p>如何让自己的网站更有质量</p>
                    <span>如何让自己的网站更有质量站更有质</span>
                </div>
                <div>
                    <img src="images/1-1FP9215325439-lp.jpg" alt="">
                    <p>如何让自己的网站更有质量</p>
                    <span>如何让自己的网站更有质量站更有质</span>
                </div>
                <div>
                    <img src="images/1-1FP9215325439-lp.jpg" alt="">
                    <p>如何让自己的网站更有质量</p>
                    <span>如何让自己的网站更有质量站更有质</span>
                </div>
                <div>
                    <img src="images/1-1FP9215325439-lp.jpg" alt="">
                    <p>如何让自己的网站更有质量</p>
                    <span>如何让自己的网站更有质量站更有质</span>
                </div>
            </section>
        </section>
    </main>
    <footer>
        <section class="footer_top">
            <div>
                <img src="images/f-1.png" alt="">
                
                <span>安徽省合肥市宁国大道</span>
            </div>
            <div>
                <img src="images/f-1.png" alt="">
                
                <span>安徽省合肥市宁国大道</span>
            </div>
            <div>
                <img src="images/f-1.png" alt="">
                
                <span>安徽省合肥市宁国大道</span>
            </div>
            <div>
                <img src="images/f-1.png" alt="">
                
                <span>安徽省合肥市宁国大道</span>
            </div>
        </section>
        <section class="footer_bottom">
            <nav>
                <a href="">首页</a>
                <a href="">首页首页</a>
                <a href="">首页首页</a>
                <a href="">首页首页首页</a>
                <a href="">首页首页</a>
                <a href="">首页</a>
                <a href="">首页</a>
            </nav>
            <p>@Copy Copy 1998-2005 All is Done</p>
            <p>版权归Lin所有</p>
        </section>
    </footer>


</body>

</html>